<template>
  <div class="welcome">
    <h1>欢迎来到修仙快跑管理后台！</h1>

  </div>
</template>

<script>
</script>

<style scoped lang="scss">
.welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 500px; // 使内容垂直居中

  h1 {
    color: #1e90ff; // 偏蓝色
    font-family: 'Arial', sans-serif; // 设置字体样式
    font-size: 36px; // 字体大小
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); // 添加阴影效果
    margin-bottom: 20px; // 调整与按钮的间距
  }

  button {
    padding: 12px 20px;
    background-color: #007bff; // 按钮背景色
    color: white; // 按钮字体颜色
    border: none;
    border-radius: 5px; // 圆角
    font-size: 16px; // 按钮字体大小
    cursor: pointer;
    transition: background-color 0.3s; // 添加过渡效果

    &:hover {
      background-color: #0056b3; // 鼠标悬停时的颜色
    }
  }
}
</style>